<template>
	<div class="htotal">
		<div class="hnet">
			<a href="javascript:void(0)" class="iconfont icon-shoucang"></a>
			<input type="text"  />
		</div>
			<div class="horder">
				<a href="javascript:history.back(-1)" class="iconfont icon-lunbozuofangun"></a>
				<span @click='changeText' class="spans">填写订单</span>				
			</div>	
	</div>
	
</template>

<script>
	export default{
		name:"torder",
		mounted(){
			
		},
		methods:{
			changeText:function(){
				$('.spans').html('修改订单');
			}
		}
	}
</script>

<style scoped>
	.htotal{background: rgba(246,246,246,1);}
	.hnet{width: 95%;margin: 0 auto; padding: 0.5rem 0;}
	.hnet input{width:100%;height: 2rem;background: rgba(227,227,228,0.8);border-radius: 0.5rem;border: 0;outline: none;clear: both;}
	.icon-shoucang{position:absolute;color:grey;z-index: 20; text-decoration: none;right: 4%;top: 1rem;}
	.horder{width: 100%;height: 4.2rem;background: rgba(242,242,242,1);}
	.horder{text-align: center;line-height: 4.2rem;font-size: 1.8rem;}
	.icon-lunbozuofangun{position:absolute;left: 0.5rem;color: grey;text-decoration: none;}
</style>